<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MultiPowUpload List view</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<table width="100%" cellpadding="0" cellspacing="0">
        <tr>
            <td width="400">

                <span class="caption">MultiPowUpload </span><span class="yellow">3.1</span>
                <br />
                <span class="gray">List view </span>
            </td>
            <td>&nbsp;
                
            </td>
            <td align="char" width="200">

                <img src="world.jpg" align="middle" hspace="5" /><b><a target="_blank" href="http://www.element-it.com/multiple-file-upload/flash-uploader.aspx">Home
                    page</a></b><br />
                <img src="email.jpg" align="middle" hspace="5" /><b><a target="_blank" href="http://www.element-it.com/contacts.aspx">Contact
                    support</a></b>
            </td>
        </tr>
</table>

<p class="topic">MultiPowUpload List view </p>
 <p>This section describes the list file view. The below figure  shows a default appearance of the list view.</p>
  <p><img src="ui_screenshots/listView.png" width="397" height="130" /></p>
  <p>It is only a default appearance, but you can customize it by adding or removing the UI elements. The picture shows  how the   list view with the enabled  description panel can look like:</p>
  <p><img src="ui_screenshots/listView_descrition.png" width="396" height="251" /></p>
  <p>And here is a single item of the list view with all available UI elements enabled:  </p>
  <p><img src="ui_screenshots/listviewItem_full.png" width="380" height="70" /></p>
  <p>Let's describe the UI elements from left to right and from top to bottom: </p>
  <ol>
    <li>The status icon displays a current file status. You can hide it using the <a href="Parameters_ui_fileView.html#listView.icon.visible" target="main" onclick="clickAnchor(this)">listView.icon.visible</a> parameter. The icons are common for all the file views.<br />
    You can change the status icon using <a href="Parameters_ui_fileView.html#fileView.fileComplete" target="main" onclick="clickAnchor(this)"> this group </a>of parameters.</li>
    <li>The file name label by default displays a name of a file according to the value of the <a href="Parameters_ui_fileView.html#listView.fileNameLabel.pattern" target="main" onclick="clickAnchor(this)">listView.fileNameLabel.pattern</a> parameter. The label is left aligned. <br />
    By default, <a href="Parameters_ui_windows.html#fileInfoWindow.enabled">FileInfo window</a> is displayed when a user clicks on this label. Use the <a href="Parameters_ui_fileView.html#listView.showFileInfoOnLabelClick" target="main" onclick="clickAnchor(this)">listView.showFileInfoOnLabelClick</a> parameter to change this behaviour.</li>
    <li>The file size label displays a size of a file according to the value of the <a href="Parameters_ui_fileView.html#listView.fileSizeLabel.pattern" target="main" onclick="clickAnchor(this)">listView.fileSizeLabel.pattern</a> parameter. The label is right aligned.</li>
    <li>The edit icon is a part of the description line. Use the <a href="Parameters_ui_fileView.html#listView.description.showIcon" target="main" onclick="clickAnchor(this)">listView.description.showIcon</a> parameter to show or hide this icon.</li>
    <li>The description label  displays the values of the form fields that are filled by a user. By a click on this label, the <a href="Parameters_ui_windows.html#descriptionWindow.caption">Description window</a> is displayed. <br />
      Hide or show this line by changing the value of the 
    <a href="Parameters_ui_fileView.html#listView.description.visible" target="main" onclick="clickAnchor(this)">listView.description.visible</a> parameter. </li>
    <li>The remove button (icon) is used to remove the current file from the list. <br />
    Hide or show  it by changing the value of the <a href="Parameters_ui_fileView.html#listView.removeButton.visible" target="main" onclick="clickAnchor(this)">listView.removeButton.visible</a> parameter.</li>
    <li>The Inline text input allows a user to input some comments for each file without opening an additional window.<br />
    Hide or show  it by changing the value of the   <a href="Parameters_ui_fileView.html#listView.textInput.visible" target="main" onclick="clickAnchor(this)">listView.textInput.visible</a> parameter.</li>
    <li>The rogress bar displays the upload progress of a single file.<br />
    Hide or show it by changing the value of the <a href="Parameters_ui_fileView.html#listView.progressBar.visible" target="main" onclick="clickAnchor(this)">listView.progressBar.visible</a><a href="Parameters_ui_fileView.html#listView.textInput.visible" target="main" onclick="clickAnchor(this)"></a> parameter.</li>
 </ol
>
  <br />
</body>
</html>